<!DOCTYPE html>
<html lang="zh-CN" class="io-grey-mode">
<head>
    <script>
        var default_c = "io-grey-mode";
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)io_night_mode\s*\=\s*([^;]*).*$)|^.*$/, "$1");
        try {
            if (night === "0" || (!night && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
                document.documentElement.classList.add("io-black-mode");
                document.documentElement.classList.remove(default_c);
            } else {
                document.documentElement.classList.remove("io-black-mode");
                document.documentElement.classList.add(default_c);
            }
        } catch (_) {}
    </script>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>[[${SITE_CONFIG?.SITE_NAME}]]</title>
    <meta name="theme-color" content="#f9f9f9" />
    <meta name="keywords" th:content="${SITE_CONFIG?.SITE_KWD}" />
    <meta name="description" th:content="${SITE_CONFIG?.SITE_DESC}" />
    <meta property="og:type" content="website">
    <meta property="og:url" th:content="${SITE_CONFIG?.SITE_NAME}"/>
    <meta property="og:title" th:content="${SITE_CONFIG?.SITE_DESC}">
    <meta property="og:description" th:content="${SITE_CONFIG?.SITE_DESC}">
    <meta property="og:image" content="/favicon.ico">
    <meta property="og:site_name" th:content="${SITE_CONFIG?.SITE_NAME}">
    <meta name='robots' content='max-image-preview:large' />
    <link rel='stylesheet' id='iconfont-io-1-css' href='//at.alicdn.com/t/font_1620678_18rbnd2homc.css' type='text/css' media='all' />
    <link rel='stylesheet' id='iconfont-io-2-css' href='//at.alicdn.com/t/font_2811503_rz4zraeosal.css' type='text/css' media='all' />
    <link rel='stylesheet' id='iconfont-css' href='/web/css/iconfont.min.css' type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-css' href='/web/css/bootstrap.min.css' type='text/css' media='all' />
    <link rel='stylesheet' id='swiper-css' href='/web/css/swiper-bundle.min.css' type='text/css' media='all' />
    <link rel='stylesheet' id='style-css' href='/web/css/style.min.css' type='text/css' media='all' />
    <script type='text/javascript' src='/web/js/jquery.min.js' id='jquery-js'></script>
    <script type='text/javascript' id='jquery-js-after'>
        function loadFunc(func) {if (document.all){window.attachEvent("onload",func);}else{window.addEventListener("load",func,false);}}
    </script>
    <style>.navbar-nav .menu-item-286 a{background: #ff8116;border-radius: 50px!important;padding: 5px 10px!important;margin: 5px 0!important;color: #fff!important;}
    .navbar-nav .menu-item-286 a i{position: absolute;top: 0;right: -10px;color: #f13522;}
    .io-black-mode .navbar-nav .menu-item-286 a{background: #ce9412;}
    .io-black-mode .navbar-nav .menu-item-286 a i{color: #fff;}.customize-width{max-width:1850px}.sidebar-nav{width:220px}@media (min-width: 768px){.main-content{margin-left:220px;}.main-content .page-header{left:220px;}}</style><!-- 自定义代码 -->
</head>
<body class="home search">
<sidebar th:replace="web/module/sidebar::index(false)"></sidebar>
<div class="main-content flex-fill">
    <nav th:replace="web/module/navbar::banner(false)"></nav>
    <div id="content" class="container mb-4 mb-md-5" style="transform: none;">
        <div id="search" class="s-search mx-auto my-4">
            <form name="formsearch" method="get" action="/search?q=" id="super-search-fm">
                <input type="text" id="search-text" required="required" name="q" class="form-control search-keyword" placeholder="输入关键字搜索" style="outline:0">
                <input type="hidden" name="type" th:value="${type}"/>
                <button type="submit"><i class="iconfont icon-search "></i></button>
            </form>
        </div>
        <main class="content" role="main" style="transform: none;">
            <div class="content-wrap">
                <div class="content-layout">
                    <div class="mb-4">
                        <a th:class="'btn btn-search mr-2 text-gray '+${type==1?'current':''}" th:href="'/search?type=1&q='+${search}" title="网站">网站</a>
                        <a th:class="'btn btn-search mr-2 text-gray '+${type==2?'current':''}" th:href="'/search?type=2&q='+${search}" title="文章">文章</a>
                        <!--    <a class="btn btn-search mr-2 text-gray " href="" title="">软件</a>
                           <a class="btn btn-search mr-2 text-gray " href="" title="">书籍</a>	-->
                    </div>
                    <h4 class="text-gray text-lg mb-4"><i class="iconfont icon-search mr-1"></i>“[[${search}]]”的搜索结果</h4>
                    <div class="row">
                        <th:block th:unless="${#lists.isEmpty(websites)}" >
                         <div th:if="${type==1}" class="url-card  col-sm-6 col-md-4 " th:each="website:${websites}">
                            <div class="url-body default ">
                                <a th:href="${website?.url}" th:data-id="${website?.id}" th:data-url="${website?.url}" class="card no-c  mb-4 site-1375" data-toggle="tooltip" data-placement="bottom" title="" th:data-original-title="${website?.name}">
                                    <div class="card-body url-content d-flex align-items-center">
                                        <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy unfancybox loaded" th:src="${website?.img?.base64}" data-src="${website?.img?.base64}" height="auto" width="auto" th:alt="${website?.name}" data-was-processed="true">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <span class="badge vc-red text-ss mr-1" title="新">N</span><strong>[[${website?.name}]]</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">[[${website?.description}]]</p>
                                        </div>
                                    </div>
                                </a>
                                <a th:href="${website?.url}" target="_blank" rel="external nofollow" title="" class="togo text-center text-muted is-views" data-id="1375" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                            </div>
                        </div>
                         <div th:if="${type==2}" class="io-px-2 col-12 col-sm-6 col-lg-4 col-xxl-3" th:each="website:${websites}">
                                <div class="card flex-fill mb-3">
                                    <div class="row no-gutters">
                                        <div class="col-4">
                                            <div class="media media-4x3 rounded-left">
                                                <a class="media-content" th:href="${'/site/'+website?.id}" th:style="'background-image: url('+${website?.img?.base64}+');'" target="_blank"></a>
                                            </div>
                                        </div>
                                        <div class="col-8">
                                            <div class="card-body list-content p-2" style="height: 100%;">
                                                <div class="list-body">
                                                    <a class="list-title no-c overflowClip_2" th:href="${'/site/'+website?.id}" target="_blank" th:title="${website?.name}">
                                                        <span th:if="${website?.flag!=null}" class="badge vc-red text-ss mr-1" th:title="${website?.flag}">[[${website?.flag}]]</span>[[${website?.name}]]</a>
                                                </div>
                                                <div>
                                                    <div class="d-flex flex-fill align-items-center text-muted text-xs">
                                                        <span><i class="iconfont icon-classification"></i> <a class="no-c" th:href="${'/site/'+website?.id}" target="_blank">CSDN</a> </span>
                                                        <div class="flex-fill"></div>
                                                        <div>
                                                            <time class="mx-1">[[${#dates.format(website?.createTime, 'yyyy-MM-dd')}]]</time>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </th:block>
                        <div th:if="${#lists.isEmpty(websites)}"  class="col-lg-12">
                            <div class="nothing">没有内容</div>
                        </div>
                    </div>
                    <div class="posts-nav mb-4">
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>
<footer th:replace="web/module/footer"></footer>
<script type='text/javascript' id='rocket-preload-links-js-after'>
    (function() {
        "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
    }());
</script>
<!--<script type='text/javascript' src='/web/js/swiper-bundle.min.js' id='swiper-js'></script>-->
<script type='text/javascript' src='/web/js/popper.min.js' id='popper-js'></script>
<script type='text/javascript' src='/web/js/bootstrap.min.js' id='bootstrap-js'></script>
<script type='text/javascript' src='/web/js/theia-sticky-sidebar.min.js' id='sidebar-js'></script>
<script type='text/javascript' src='/web/js/lazyload.min.js' id='lazyload-js'></script>
<script type='text/javascript' id='appjs-js-extra'>
    const theme = {"defaultclass": "io-grey-mode", "minNav": "0", "isCustomize": "1", "isHome": "1"};
    const localize = {"lightMode": "\u65e5\u95f4\u6a21\u5f0f", "nightMode": "\u591c\u95f4\u6a21\u5f0f"};
</script>
<script type='text/javascript' src='/web/js/app.js' id='appjs-js'></script>
<script type='text/javascript' id='appjs-js-after'>
    $(document).ready(function(){if($("#search-text")[0]){$("#search-text").focus();}});
</script>
</body>
</html>
